<template>
	<div class="note">
		<div class="top">
			<p>我的<span class="iconfont icon-jiantou"></span></p>
			<div class="topright">
				<span class="iconfont icon-biji"></span>
			</div>
			
		</div>
		<Notenav></Notenav>
		<Details></Details>
		<Bottombar></Bottombar>
	</div>
</template>

<script>
	import Notenav from "com/notenav.vue"
	import Details from "com/details.vue"
	import Bottombar from "com/bottombar.vue"
	export default{
		components:{
			Bottombar,Notenav,Details
		},
		mounted() {
			this.$store.dispatch("noteaxios")
		}
		
	}
</script>

<style scoped="scoped" lang="scss">
	.note{
		width: 100%;
		font-size: 0.15rem;
		background-color: #f5f6f8;
		.top{
			width: 100%;
			height: 0.36rem;
			font-size: 0.15rem;
			text-align: center;
			padding-top: 0.2rem;
			position: fixed;
			border-bottom: 1px solid #f5f6f8;
			background-color: #ffffff;
			z-index: 9;
		}
		.icon-jiantou{
			font-size: 0.19rem;
			color: #0570DB;
		}
		.icon-biji{
			line-height: .51rem;
			font-size: 0.17rem;
		}
		.topright{
			position: absolute;
			display: flex;
			flex-direction: column;
			/* align-items: center; */
			right: 0.1rem;
			top: 0.05rem;
		}
	}
	
</style>
